<template lang="html">
  <div class="wap">
    <v-header />
    <div class="banner">
      <el-carousel height="5.38rem" arrow='never'>
        <el-carousel-item v-for="(item,index) in banners" :key="index">
          <div><img :src="item.img" alt="" class="po-middle-x"></div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>
import vHeader from '../common/header.vue'
export default {
  components:{
    vHeader
  },
  data(){
    return{
      banners: [
        { img: require('../../../assets/images/wap/banner.jpg') },
        { img: require('../../../assets/images/wap/banner.jpg') }
      ],
    }
  }
}
</script>

<style lang="less" scoped="">
.wap{

}
</style>
